<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input {
            display: block;
        }
    </style>
</head>

<body>
    <!-- 
        1 使用jq内置
        2 使用第三方js库
        3 formdata
     -->
    <form>
        <div>
            <input type="text"  name="user1">
            <input type="text"  name="user2">
            <input type="text"  name="user3">
            <input type="text"  name="user4">
            <input type="text"  name="user5">
            <input type="text"  name="user6">
            <input type="text"  name="user7">
            <input type="text"  name="user8">
            <input type="text"  name="user9">
            <input type="text"  name="user10">
        </div>
        <button type="submit">提交</button>
    </form>
    <!-- <script src="../assets/lib/jquery-3.6.0.min.js"></script> -->
    <script>
        // const form = document.querySelector('form')
        // form.addEventListener('submit', function (e) {
        //     e.preventDefault()
        //     /* //使用jq方式
        //     const jqForm = $(form).serialize()
        //      console.log(jqForm); */

        //     // formdata  特殊构造函数 实例特殊，无法直接 .语法来访问里面的数据 form.get()
        //     const formData = new FormData(form)
        //     //格式处理 ！！
        //     //自己遍历
        //     const list = []
        //     const obj = {}
        //     formData.forEach((val, key) => {
        //         console.log(key, val);
        //         list.push(`${key}=${val}`)
        //         obj[key] = val
        //     })
        //     console.log(list.join('&'));
        //     console.log(obj);
        // })
        const obj = {
            user1:"1123123",
            user2:"223123",
            user3:"333123",
            user4:"443123",
            user5:"553123",
            user6:"663123",
            user7:"773123",
            user8:"883123",
            user9:"993123",
            user10:"100313123",
        }
        for (const key in obj) {
          document.querySelector(`input[name=${key}]`).value = obj[key]
        }
    </script>
</body>

</html>